<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/item.css">
  <script src="js/jquery.min.js"></script>

  <title>专题</title>
</head>
<body style="padding-bottom:150px;">
  <!-- ===== Sticky Navigation ===== -->
  <div class="navbar-inverse bs-docs-nav sticky-navigation bgc-two">
    <div class="container">
      <div class="navbar-header">

        <!-- ===== Logo on Sticky Navigation Bar ===== -->
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#onepage-navigation">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#"></a>

      </div>

      <!-- ===== Navigation Menu ===== -->
      <div class="navbar-collapse collapse" id="onepage-navigation">
        <ul class="nav navbar-nav  navbar-left main-navigation">
          <li><a href="">高分疾病预防控制遥感信息服务库</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right main-navigation">
          <li><a href="index.html">首页</a></li>
          <li><a href="item.html">平台简介</a></li>
          <li><a href="data.html">元数据</a></li>
          <li><a href="#section-pricing">专题服务</a></li>
          <li><a href="guide.html">用户指南</a></li>
          <li><a href="" data-toggle="modal" data-target="#exampleModalLogin">登录</a></li>
          <div class="modal fade" id="exampleModalLogin" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title" id="exampleModalLabel">登录</h4>
                </div>
                <div class="modal-body">
                  <form>
                    <div class="form-group">
                      <!-- <label for="recipient-name" class="control-label">用户名:</label> -->
                      <input type="text" class="form-control" id="recipient-name" placeholder="用户名">
                    </div>
                    <div class="form-group">
                      <!-- <label for="message-text" class="control-label">密码:</label> -->
                      <input type="text" class="form-control" placeholder="密码">

                    </div>
                  </form>
                </div>
                <div class="modal-footer">
                  <span style="float:left">
                    <input type="checkbox" value="记住密码"/><span style="padding-left:5px;color:#666;">记住密码</span>
                  </span>
                  <button type="button" class="btn btn-primary" type="submit">确定</button>
                </div>
              </div>
            </div>
          </div>
           <li class="register"><a href="" data-toggle="modal" data-target="#exampleModalRegister">注册</a></li>
          <div class="modal fade" id="exampleModalRegister" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="exampleModalLabel">注册</h4>
      </div>
      <div class="modal-body">
        <form>
          <div class="form-group">
            <!-- <label for="recipient-name" class="control-label">用户名:</label> -->
            <input type="text" class="form-control" id="recipient-name" placeholder="用户名">
          </div>
          <div class="form-group">
            <!-- <label for="message-text" class="control-label">密码:</label> -->
            <input type="text" class="form-control" placeholder="密码">

          </div>
          <div class="form-group">
            <!-- <label for="message-text" class="control-label">密码:</label> -->
            <input type="text" class="form-control" placeholder="确认密码">

          </div>
        </form>
      </div>
      <div class="modal-footer" style="text-align:center;">
        <button type="button" class="btn btn-primary" type="submit">注册</button>
      </div>
    </div>
  </div>
  </div>
        </ul>
      </div>

    </div>

  </div>

  <!-- ===== End Sticky Navigation ==== -->
  <!-- 中部区域开始 -->
  <!-- 中部区域开始 -->
  <div class="content theme">

  <div class="items">
    <img style="border-radius:50%;" src="images/xuexichong.png"/>
    <p>
      血吸虫病高分遥感监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括8种专题算法模型
    </p>
  </div>
  <div class="items">
    <img src="images/honglao.png"/>
        <p>
      血吸虫病高分遥感监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括8种专题算法模型
    </p>
  </div>
  <div class="items">
    <img src="images/huagong.png"/>

        <p>
      血吸虫病高分遥感监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括8种专题算法模型
    </p>
  </div>
  <div class="items">
    <img src="images/denggere.png"/>
        <p>
      血吸虫病高分遥感监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括8种专题算法模型
    </p>
  </div>
  <div class="items">
    <img src="images/highroad.png"/>
        <p>
      血吸虫病高分遥感监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括8种专题算法模型
    </p>
  </div>
  <div class="items">
    <img src="images/ciakuang.png"/>
        <p>
      血吸虫病高分遥感监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括8种专题算法模型
    </p>
  </div>
  <div class="items">
    <img src="images/shuyi.png"/>
        <p>
      血吸虫病高分遥感监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括8种专题算法模型
    </p>
  </div>
  <div class="items">
    <img src="images/dizhen.png"/>
        <p>
      血吸虫病高分遥感监测与评估子系统在通用高分遥感监测与评估子系统的基础上进行集成定制，集成内容包括8种专题算法模型
    </p>
  </div>
    <!-- 中部区域结束 -->



  </div>


    <!-- ===== Footer ===== -->
    <footer class="bgc-footer">

    	<div class="copyright">
         <p>高分疾病预防控制遥感信息服务库信箱：版权所有2009@All right reserved</p>
    		 <a href="">技术支持：清华大学信息化技术中心 京ICP备06002729号-2</a>
     </div>
    </footer>
    <!-- 中部区域结束 -->
  <!-- 中部区域结束 -->
  <script src="js/bootstrap.min.js"></script>
</body>
</html>
